.base-table-card {

    /* Tabs 头部边距 */
    .el-tabs__header {
        margin: 0;
    }
}

.base-card {
    .el-tabs__header {
        margin-bottom: 16px;
    }
}


.base-table-card,
.base-card {

    /* Tabs 统一高度 */
    .el-tabs {
        --el-tabs-header-height: 48px;
    }

    .el-tabs__item {
        padding: 0 16px !important;
    }

    .el-tabs__item:last-child {
        padding-right: 0 !important;
    }

    .el-tabs__item:nth-child(2) {
        padding-left: 0 !important;
    }

    /* Tabs 底部分隔线 */
    .el-tabs__nav-wrap::after {
        height: 1px !important;
        background-color: #eee !important;
    }

    /* 活动条：隐藏原背景，保留动画 */
    .el-tabs__active-bar {
        background: transparent !important;
        height: 0 !important;
    }

    /* 在活动条内部画一个固定宽度、居中的短条 */
    .el-tabs__active-bar::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 24px;
        /* 固定宽度 */
        height: 4px;
        /* 高度 */
        background: var(--el-color-primary);
        border-radius: 2px;
        transition: inherit;
        /* 继承官方动画效果 */
    }

    .el-tabs__nav,
    .el-tabs__item {
        user-select: none;
        -webkit-user-select: none;
    }

    .el-tabs__item {
        font-weight: 400 !important;
    }

    .el-tabs__item.is-active {
        font-weight: 600 !important;
        color: var(--ct1);
    }

    .el-tabs__item.is-active:hover {
        color: var(--el-color-primary) !important;
    }

    /* 自定义标签样式 - 支持名称和数字不同样式 */
    .custom-tab-label {
        display: inline-flex;
        align-items: center;
        gap: 2px;
    }

    .tab-name {
        font-weight: 400 !important;
        color: var(--ct1) !important;
        font-size: 16px !important;
    }

    .tab-count {
        font-weight: 400 !important;
        color: var(--ct3) !important;
        font-size: 14px !important;
    }

    /* 激活状态的样式 */
    .el-tabs__item.is-active {
        .tab-name {
            color: var(--ct1) !important;
        }

        .tab-count {
            color: var(--ct1) !important;
        }
    }

    /* 悬停状态的样式 */
    .el-tabs__item:hover {
        .tab-name {
            color: var(--el-color-primary) !important;
        }

        .tab-count {
            color: var(--el-color-primary) !important;
        }
    }

    .el-tabs__nav-prev {
        margin-top: 5px !important;
    }

    .el-tabs__nav-next {
        margin-top: 5px !important;
    }

}